Title with entity tile
canonIdentity of the Section top bar: exactly one of icon, colour tile, avatar, heading dropdown or inline rename.
Rule confirmed in code on meeting detail (acrm !4014, 27 Sep 2026): a record that IS a thing, not an identity, gets the flat `icon` prop (20px, `--fg-secondary`) inherited from its section's menu mark — `MeetingDetailPage.tsx` passes `entityMark(...).icon` from the Kalendář mark, same as Deals/Tasks; no 32px `kind` tile, since a meeting is not a person or a company.
Used in 55 files · 49 areas · 70× — components/PageHeader, components/agent-desk, components/datamart, components/segment, pages/AccountingInvoiceDetailPage, pages/AccountingInvoiceEditPage …
Import
import { SectionTopBarTitle } from '@acrm/ui'Props
SectionTopBarTitle packages/ui/src/components/SectionTopBar.tsx
| Name | Type | Default | Description |
|---|---|---|---|
name * | string | — | Název sekce / záznamu — u avataru řídí i hue a iniciály (hashHue, RULES §3). |
kind | string | — | NÁVRH design/entity-marks — TYP ZÁZNAMU, na který se uživatel dívá (ENTITY_MARK). Nahrazuje trojici icon / tileIcon+tone / avatar: dosud si každá obrazovka vybírala z pěti způsobů, jak nakreslit identitu lišty (registr DS, rozhodnutí A6), a proto detail obchodu, schůzky a dokumentu nezačíná stejným prvkem. S kind se nevybírá nic — značka je táž, jakou tentýž typ nese v chipu, ve výpisu i v paletě. |
kindLabel | boolean | — | Vypsat vedle názvu i SLOVO typu („Obchod", „Schůzka") — orientace bez učení glyfů. |
icon | string | — | Statická identita s ikonou (.tbar-id) — obrazovky bez přepínače (Reporty…). |
tileIcon | string | — | Barevná dlaždice s ikonou (.pipe-tile) — pipeline / entitní obrazovky. |
tone | 'blue' | 'purple' | 'green' | 'lime' | 'amber' | 'rose' | 'grey' | 'blue' | Tón dlaždice → var(--ic-*). |
avatar | boolean | — | Kruhový avatar osoby — kanonický <Avatar> s iniciálami a odstínem z name. |
dot | string | — | Barevná tečka místo dlaždice (.pipe-dot) — identita BARVOU, bez glyfu (štítek pošty, ACRM-569). Hodnota = CSS barva (var(--gc-*), var(--ic-*)). |
open | boolean | — | Otevřené menu (styling .open) — dodá render-prop <PickerMenu trigger>. |
onClick | () => void | — | — |
className | string | — | — |
onRename | (next: string) => void | — | Inline editace názvu (varianta detailu — nahrazuje bespoke .pr-name-top edit). Když je zadáno, název je klikací → acrm-input (Enter/blur potvrdí, Esc zruší); onRename dostane nový, o-trimovaný název jen když se změnil. Nekombinuj s open/onClick (přepínač) — editace je pro statickou identitu záznamu. |
renameValue | string | — | SEED editoru, když se uložený název LIŠÍ od vykresleného (name). Typicky text se značkovacími tokeny — např. úkol, jehož text nese kanonické @[user:id|Jméno] a v liště se zobrazuje stripMentionsovaný. Bez toho by editor dostal vykreslenou podobu a první přejmenování by uložilo JI — tokeny (a s nimi vazba i notifikace) by se nenávratně zploštily na plain text. Default = name (naprostá většina obrazovek, kde je vykreslený a uložený název týž řetězec). |
renaming | boolean | — | Externí „ukládá se" stav — zakáže editační input. |
renameHint | string | — | Tooltip nad názvem, když je editovatelný (např. „Přejmenovat"). |
renameAriaLabel | string | — | aria-label editačního inputu (řekni kontext, např. „Název obchodu"). |
CSS classes
.tbar-h.pipe-tile.nav-pav